Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ETQ usager utilisant un lecteur d'écran: la page de demande de confirmation de compte ne concentre pas le lecteur d'écran sur le champ pour renvoyer un mail de confirmation #10017

Merged
merged 1 commit into from
Feb 21, 2024

Conversation

mfo
Copy link
Contributor

@mfo mfo commented Feb 20, 2024

contexte: feedback de la culture

ETQ un usager utilisant un screen reader , apres la page de création de compte, je me retrouve imédiatement sur l'input pour redemander le lien de confirmation (sans passer par le contenu)

solution

  • enleve l'autofocus
  • passage de la page au dsfr (pas d'exemple de leurs côté, mais ils ont bien un exemple quand le compte est activé) et nv style.
  • virer le code mort css
  • pas de form pour demander un nouveau lien
  • virer le lien faq qu'on sait être mortel pour nos usager sur lecteur d'écran

apres:

Screenshot 2024-02-21 at 07-36-23 Confirmez votre adresse email · demarches-simplifiees fr

avant:

Screenshot 2024-02-20 at 14-21-48 Confirmez votre adresse email · demarches-simplifiees fr

@mfo mfo force-pushed the US/a11y-after-signup branch from 83fd53d to 84ac6bf Compare February 20, 2024 13:34
@mfo mfo changed the title a11y(users/confirmations#new): avoid autofocus on input to resend the mail, otherwise screen reader goes straight to the input ETQ usager utilisant un lecteur d'écran: la page de demande de confirmation de compte ne concentre pas le lecteur d'écran sur le champ pour renvoyer un mail de confirmation Feb 20, 2024
@mfo mfo force-pushed the US/a11y-after-signup branch 4 times, most recently from 66dcb1b to af03c97 Compare February 20, 2024 16:57
Copy link
Member

@colinux colinux left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

top !

2 remarques indépendantes de cette PR (quoique) :

  • comme pour la page de d'envoi de réinitialisation de mdp, ça me paraîtrait utile de mettre en évidence l'adresse email seule pour essayer d'alerter l'oeil s'il ya une typo dedans (en l'occurence la mettre en gras, sans mettre en gras le texte autour pour qu'elle ressorte bien)
  • je pige pas bien pourquoi on met un input qui permet de ressaisir son email : on va pas saisir un autre email de toute façon ! Limite je me demande si c'est pas un nid à spam ? 👎 apparemment non, changer d'email ne sert à rien, mais on pourrait se contenter d'un hidden input avec juste le bouton

@mfo mfo force-pushed the US/a11y-after-signup branch 2 times, most recently from 03fd1fc to 59d7130 Compare February 21, 2024 06:36
@mfo
Copy link
Contributor Author

mfo commented Feb 21, 2024

@colinux , merci pr tes retours. j'en ai profité pour continuer a simplifier (pas d'input, pas de barre horizontale, le bouton soumettre en 2eme niveau, le texte pas recu en muted mais dans un form.legend de sorte a ce que ça soit contextualisé par le lecteur d'ecran. bref, focus action principale)

Screenshot 2024-02-21 at 07-36-23 Confirmez votre adresse email · demarches-simplifiees fr

je trouve ça bien mieux, qu'en penses-tu ?

@mfo mfo force-pushed the US/a11y-after-signup branch from 59d7130 to d50e4ae Compare February 21, 2024 06:51
… mail, otherwise screen reader goes straight to the input
@mfo mfo force-pushed the US/a11y-after-signup branch from d50e4ae to 48336f0 Compare February 21, 2024 06:56
Copy link
Member

@colinux colinux left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

c'est parfait, bravo et merci

@colinux colinux added this pull request to the merge queue Feb 21, 2024
Merged via the queue into demarches-simplifiees:main with commit 5f5756a Feb 21, 2024
15 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants